<template>
  <div>
    <el-tabs type="border-card" v-model="$route.meta.title">
      <el-tab-pane label="Json格式化" name="Json">
        <Json/>
      </el-tab-pane>
      <el-tab-pane label="Unix时间戳" name="Unixtime">
        <Unixtime/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Json from '@/components/format/Json'
import Unixtime from '@/components/encode/Unixtime'

export default {
  name: 'Home',
  components: { Json, Unixtime },
  data () {
    return {
      activeTab: ''
    }
  },
  created () {
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.el-breadcrumb {
  margin: 10px
}
</style>
